<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<title>替换标记和文本</title>
<style type="text/css">
input{
margin-top:3px;}
</style>
<script type="text/javascript">
	function repN(str,bj){
		var rep=document.getElementById('b1');//获取指定id的元素
		if(rep){//如果指定id的元素存在
			var newNode=document.createElement(bj);//创建节点
			newNode.id="b1";//设置节点的id属性值
			var newText=document.createTextNode(str);//创建文本节点
			newNode.appendChild(newText);//将文本节点添加到创建的节点元素中
			rep.parentNode.replaceChild(newNode,rep);//替换节点
		}
	}
</script>
</head>
<body>
<b id="b1">要被替换的文本内容</b>
<p>
输入标记：<input id="bj" type="text" size="15"><br>
输入文本：<input id="txt" type="text" size="15"><br>
<input type="button" value="替换" onclick="repN(txt.value,bj.value)">
</body>
</html>
